<template>
  <view class="score">
    <view @click="onItemClick(i)"  v-for="(item, i) in [0, 1, 2, 3, 4]">
      <image
        style="width: 20px; height: 20px"
        :key="i"
        :src="
          i < score
            ? 'https://pics.leshiguang.com/vpage/2024/01/19/3be40d080e674693bff620c7723cfb9f.png'
            : 'https://pics.leshiguang.com/vpage/2024/01/19/74c14eeb6eac4e2b95698b3899f9caf4.png'
        "
      >
      </image>
    </view>
  </view>
</template>

<script>
import uPopup from "uview-ui/components/u-popup/u-popup.vue";
export default {
  components: { uPopup },
  props: {
    score: {
      type: Number,
      default: 0,
    }
   },
  data() {
    return {

    };
  },
  created() {},
  methods: {
    onKnowMore() {},
    onItemClick(i) {
      // if (i < this.score) {
      //   this.score -= 1;
      // } else {
      //   this.score += 1;
      // }
    }
  },
};
</script>
<style lang="scss" scoped>
.score {
  display: flex;
  gap: 2px;
}
</style>
